﻿.navigation-bar
{
    border-bottom:4px solid;
}

.metro .side-menu a
{
    font-size:20px !important;
}
 
 .row-height-1
 {
      height: 305px !important;
 }

 .row-height-2
 {
    height: 610px !important;
 }

  .panel-height-1 
  {
      height: 277px !important;
  }

  .panel-height-2 
  {
      height: 554px !important;
  }
 
  .panel-button:after
  {
        content:none !important;   
  }

.panel-button 
{
    font-size:20px !important;
    padding-right:8px !important;
}

.k-list-container ul,.k-list-container ol
{
    margin-left:0 !important;
    padding-left:0 !important;
}

.metro .tab-control .tabs > li.active a
{
    border-top-color:#a4c400 !important;
}

.metro .switch.input-control input[type='checkbox']:checked ~ .check
{
    background:#a4c400;
}

.metro .flat.window .content
{
    height:75% !important;
    position:relative;
}

.windows8 {
position: relative;
width: 60px;
height:60px;
}

.windows8 .wBall {
position: absolute;
width: 57px;
height: 57px;
opacity: 0;
-moz-transform: rotate(225deg);
-moz-animation: orbit 6.6s infinite;
-webkit-transform: rotate(225deg);
-webkit-animation: orbit 6.6s infinite;
-ms-transform: rotate(225deg);
-ms-animation: orbit 6.6s infinite;
-o-transform: rotate(225deg);
-o-animation: orbit 6.6s infinite;
transform: rotate(225deg);
animation: orbit 6.6s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 8px;
height: 8px;
background: #000000;
left:0px;
top:0px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}

.windows8 .wBall_1 {
-moz-animation-delay: 1.44s;
-webkit-animation-delay: 1.44s;
-ms-animation-delay: 1.44s;
-o-animation-delay: 1.44s;
animation-delay: 1.44s;
}

.windows8 .wBall_2 {
-moz-animation-delay: 0.29s;
-webkit-animation-delay: 0.29s;
-ms-animation-delay: 0.29s;
-o-animation-delay: 0.29s;
animation-delay: 0.29s;
}

.windows8 .wBall_3 {
-moz-animation-delay: 0.58s;
-webkit-animation-delay: 0.58s;
-ms-animation-delay: 0.58s;
-o-animation-delay: 0.58s;
animation-delay: 0.58s;
}

.windows8 .wBall_4 {
-moz-animation-delay: 0.86s;
-webkit-animation-delay: 0.86s;
-ms-animation-delay: 0.86s;
-o-animation-delay: 0.86s;
animation-delay: 0.86s;
}

.windows8 .wBall_5 {
-moz-animation-delay: 1.15s;
-webkit-animation-delay: 1.15s;
-ms-animation-delay: 1.15s;
-o-animation-delay: 1.15s;
animation-delay: 1.15s;
}

@-moz-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin:0%;
}

30% {
opacity: 1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin:7%;
}

39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin:30%;
}

70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin:39%;
}

75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin:70%;
}

76% {
opacity: 0;
-moz-transform:rotate(900deg);
}

100% {
opacity: 0;
-moz-transform: rotate(900deg);
}

}

@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin:0%;
}

30% {
opacity: 1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin:7%;
}

39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin:30%;
}

70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:39%;
}

75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:70%;
}

76% {
opacity: 0;
-webkit-transform:rotate(900deg);
}

100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}

}

@-ms-keyframes orbit {
    0%
    {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    7%
    {
        opacity: 1;
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        animation-timing-function: linear;
        -ms-origin: 0%;
    }

30% {
opacity: 1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin:7%;
}

39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin:30%;
}

70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin:39%;
}

75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin:70%;
}

76% {
opacity: 0;
-ms-transform:rotate(900deg);
}

100% {
opacity: 0;
-ms-transform: rotate(900deg);
}

}

@-o-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}

30% {
opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}

39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin:30%;
}

70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin:39%;
}

75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}

76% {
opacity: 0;
-o-transform:rotate(900deg);
}

100% {
opacity: 0;
-o-transform: rotate(900deg);
}

}

@keyframes orbit {
0% {
opacity: 1;
z-index:99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}

7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin:0%;
}

30% {
opacity: 1;
transform:rotate(410deg);
animation-timing-function: ease-in-out;
origin:7%;
}

39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin:30%;
}

70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin:39%;
}

75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin:70%;
}

76% {
opacity: 0;
transform:rotate(900deg);
}

100% {
opacity: 0;
transform: rotate(900deg);
}

}

/**/

.windows8 {
position: relative;
width: 50px;
height:50px;
}

.windows8 .wBall {
position: absolute;
width: 48px;
height: 48px;
opacity: 0;
-moz-transform: rotate(225deg);
-moz-animation: orbit 5.5s infinite;
-webkit-transform: rotate(225deg);
-webkit-animation: orbit 5.5s infinite;
-ms-transform: rotate(225deg);
-ms-animation: orbit 5.5s infinite;
-o-transform: rotate(225deg);
-o-animation: orbit 5.5s infinite;
transform: rotate(225deg);
animation: orbit 5.5s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 6px;
height: 6px;
background: #FFFFFF;
left:0px;
top:0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}

.windows8 .wBall_1 {
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;
}

.windows8 .wBall_2 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}

.windows8 .wBall_3 {
-moz-animation-delay: 0.48s;
-webkit-animation-delay: 0.48s;
-ms-animation-delay: 0.48s;
-o-animation-delay: 0.48s;
animation-delay: 0.48s;
}

.windows8 .wBall_4 {
-moz-animation-delay: 0.72s;
-webkit-animation-delay: 0.72s;
-ms-animation-delay: 0.72s;
-o-animation-delay: 0.72s;
animation-delay: 0.72s;
}

.windows8 .wBall_5 {
-moz-animation-delay: 0.96s;
-webkit-animation-delay: 0.96s;
-ms-animation-delay: 0.96s;
-o-animation-delay: 0.96s;
animation-delay: 0.96s;
}

@-moz-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin:0%;
}

30% {
opacity: 1;
-moz-transform:rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin:7%;
}

39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin:30%;
}

70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin:39%;
}

75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin:70%;
}

76% {
opacity: 0;
-moz-transform:rotate(900deg);
}

100% {
opacity: 0;
-moz-transform: rotate(900deg);
}

}

@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin:0%;
}

30% {
opacity: 1;
-webkit-transform:rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin:7%;
}

39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin:30%;
}

70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:39%;
}

75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin:70%;
}

76% {
opacity: 0;
-webkit-transform:rotate(900deg);
}

100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}

}

@-ms-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-ms-transform: rotate(180deg);
-ms-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-ms-transform: rotate(300deg);
-ms-animation-timing-function: linear;
-ms-origin:0%;
}

30% {
opacity: 1;
-ms-transform:rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin:7%;
}

39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin:30%;
}

70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin:39%;
}

75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin:70%;
}

76% {
opacity: 0;
-ms-transform:rotate(900deg);
}

100% {
opacity: 0;
-ms-transform: rotate(900deg);
}

}

@-o-keyframes orbit {
0% {
opacity: 1;
z-index:99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}

7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin:0%;
}

30% {
opacity: 1;
-o-transform:rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin:7%;
}

39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin:30%;
}

70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin:39%;
}

75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin:70%;
}

76% {
opacity: 0;
-o-transform:rotate(900deg);
}

100% {
opacity: 0;
-o-transform: rotate(900deg);
}

}

@keyframes orbit {
0% {
opacity: 1;
z-index:99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}

7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin:0%;
}

30% {
opacity: 1;
transform:rotate(410deg);
animation-timing-function: ease-in-out;
origin:7%;
}

39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin:30%;
}

70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin:39%;
}

75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin:70%;
}

76% {
opacity: 0;
transform:rotate(900deg);
}

100% {
opacity: 0;
transform: rotate(900deg);
}

}
.metro .balloon:before,
.metro .balloon:after
{
   
}
.metro .balloon.top:before,
.metro .balloon.top:after,
.metro .balloon.bottom:before,
.metro .balloon.bottom:after,
.metro .balloon.left:before,
.metro .balloon.left:after 
{
  

}

/**/


#fountainG{
position:relative;
width:240px;
height:29px}

.fountainG{
position:absolute;
top:0;
background-color:#fff;
width:10px;
height:10px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-moz-border-radius:19px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-webkit-border-radius:19px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:19px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
-o-border-radius:19px;
animation-name:bounce_fountainG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
border-radius:19px;
}

#fountainG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#fountainG_2{
left:30px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#fountainG_3{
left:60px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#fountainG_4{
left:90px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#fountainG_5{
left:120px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#fountainG_6{
left:150px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#fountainG_7{
left:180px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#fountainG_8{
left:210px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

@-moz-keyframes bounce_fountainG{
0%{
-moz-transform:scale(1);

}

100%{
-moz-transform:scale(.3);

}

}

@-webkit-keyframes bounce_fountainG{
0%{
-webkit-transform:scale(1);

}

100%{
-webkit-transform:scale(.3);

}

}

@-ms-keyframes bounce_fountainG{
0%{
-ms-transform:scale(1);

}

100%{
-ms-transform:scale(.3);
}

}

@-o-keyframes bounce_fountainG{
0%{
-o-transform:scale(1);
background-color:#000000;
}

100%{
-o-transform:scale(.3);

}

}

@keyframes bounce_fountainG{
0%{
transform:scale(1);

}

100%{
transform:scale(.3);

}

}

.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

/*.sidebar a i
{
    font-size:25px;
}*/
.sidebar a b
{
    font-weight:normal !important;
}
.metro .light.sidebar li.active a
{
   background:#a4c400;
}

/*.leftnav-title
{
   font-size: 14px !important;
}*/

.panel-header
{
    border-bottom:2px solid
}
/*Map*/
.world-image
{
    background-image: url('') /*Images/World.png*/;
    *background-image: url(Images/World.png); /* For IE 6 and 7 */
    background-size: 100% 100%;
}

.map-item
{
    position:absolute !important;
    width:auto !important;
    padding:3px !important;       
}

.map-item .map-item-title
{
    /*font-family: Rockwell;*/
    font-weight: 900;
}

.panel-content
{
    padding:2px !important;
}

.panel-content .listview .list
{
    width:98% !important;
    margin:5px;
}

.panel-loading
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -40px;
    width: 200px;
    height: 100px;
    z-index: 52;
    background: black;
    padding-top: 30px;
    padding-left:80px;
    opacity:0.5;
}


@media (min-width: 768px) and (max-width: 1200px)
{
    .leftnav-title
    {
        font-size: 14px !important;
        font-weight: bold !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .metro .sidebar  ul li a
    {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .sidebar a i
    {
        display:block;
        text-align:center;
         margin-left:-3px;
    }

    .sidebar a b
    {
        font-size: 10px !important;
        display:block;
       
        text-align:center;
        margin-left:-3px;
    }

    .sidebar li li a b
    {
        font-size: 10px !important;
        padding:0 !important;
        display:block;
        text-align:center;
        margin-left:-3px;
    }

    .metro .sidebar > ul li a [class*='icon-']
    {
        margin-right:0 !important;
    }
    

    .metro .panel-header
    {
        font-size:16px !important;
        padding:3px !important;
    }

    .metro .sidebar > ul ul li
    {
        margin-top:1px !important;
    }
}

.check
{
    background:#a8e04d
}

                
